<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 能够存储复杂数据类型以及取出数据-->本地只能存储字符串,无法存储复杂数据类型
    // 需要将复杂数据类型转化成JSON字符串,在本地存储-->语法:JSON.stringify(复杂数据类型)
    // 因为本地存储里面取出来的是字符串,不是对象,无法直接使用
    // -->于是把取出来的字符串转化为对象-->语法:JSON.parse(JSON字符串)
    const obj = {
      uname: 'cxk',
      age: 18,
      gender: '女'
    }
    // 存储复杂数据类型 无法直接使用
    localStorage.setItem('obj', obj)
    // 取
    console.log(localStorage.getItem('obj'))  //[object Object]

    // 1.复杂数据类型存储必须转化为 JSON字符串类型
    localStorage.setItem('obj', JSON.stringify(obj))
    // JSON对象 属性和值有引号  而且引号统一是双引号
    // {"uname":"cxk","age":18,"gender":"女"}
    // 取
    console.log(typeof localStorage.getItem('obj'))   //string
    console.log(localStorage.getItem('obj'))

    // 2.把JSON字符串转化为 对象
    const str = localStorage.getItem('obj')
    console.log(typeof JSON.parse(str))  //object
    console.log(JSON.parse(str))
  </script>
</body>

</html>